﻿<!DOCTYPE html>
<html>
  <head>
    <title>Hues灯泡</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/hues__/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/hues__/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u407" class="ax_default _形状" data-label="Rectangle">
        <div id="u407_div" class=""></div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u408" class="ax_default" data-left="59" data-top="18" data-width="306" data-height="510">

        <!-- Rectangle (矩形) -->
        <div id="u409" class="ax_default _形状" data-label="Rectangle">
          <div id="u409_div" class=""></div>
          <div id="u409_text" class="text ">
            <p></p><p></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u410" class="ax_default" data-left="59" data-top="18" data-width="306" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u411" class="ax_default _形状">
            <div id="u411_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u412" class="ax_default" data-left="69" data-top="25" data-width="13" data-height="9">

            <!-- Unnamed (矩形) -->
            <div id="u413" class="ax_default _形状">
              <img id="u413_img" class="img " src="images/智能闹钟app/u63.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u414" class="ax_default _形状">
              <img id="u414_img" class="img " src="images/智能闹钟app/u64.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u415" class="ax_default _形状">
              <img id="u415_img" class="img " src="images/智能闹钟app/u65.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u416" class="ax_default _形状">
              <img id="u416_img" class="img " src="images/智能闹钟app/u66.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u417" class="ax_default _形状">
              <img id="u417_img" class="img " src="images/智能闹钟app/u67.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u418" class="ax_default" data-left="272" data-top="26" data-width="23" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u419" class="ax_default _形状">
              <div id="u419_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u420" class="ax_default _形状">
              <div id="u420_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u421" class="ax_default _形状">
              <div id="u421_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u422" class="ax_default _文本段落" data-label="Header 2">
        <div id="u422_div" class=""></div>
        <div id="u422_text" class="text ">
          <p><span>12:45 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u423" class="ax_default" data-left="59" data-top="528" data-width="306" data-height="45">

        <!-- Rectangle (矩形) -->
        <div id="u424" class="ax_default _形状" data-label="Rectangle">
          <div id="u424_div" class=""></div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u425" class="ax_default _形状" data-label="Rectangle">
          <img id="u425_img" class="img " src="images/智能闹钟app/rectangle_u76.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u426" class="ax_default _形状" data-label="Rectangle">
          <img id="u426_img" class="img " src="images/智能闹钟app/rectangle_u76.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u427" class="ax_default _形状" data-label="Rectangle">
          <img id="u427_img" class="img " src="images/智能闹钟app/rectangle_u76.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u428" class="ax_default _形状" data-label="Rectangle">
          <img id="u428_img" class="img " src="images/智能闹钟app/rectangle_u76.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u429" class="ax_default label">
        <div id="u429_div" class=""></div>
        <div id="u429_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u430" class="ax_default label">
        <div id="u430_div" class=""></div>
        <div id="u430_text" class="text ">
          <p><span>睡眠总结</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u431" class="ax_default label">
        <div id="u431_div" class=""></div>
        <div id="u431_text" class="text ">
          <p><span>Hues灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u432" class="ax_default label">
        <div id="u432_div" class=""></div>
        <div id="u432_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u433" class="ax_default line">
        <img id="u433_img" class="img " src="images/智能闹钟app/u88.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u434" class="ax_default label">
        <div id="u434_div" class=""></div>
        <div id="u434_text" class="text ">
          <p><span>Hues灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u435" class="ax_default _图片">
        <img id="u435_img" class="img " src="images/闹钟详情页/u231.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u436" class="ax_default line">
        <img id="u436_img" class="img " src="images/hues__/u436.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u437" class="ax_default label">
        <div id="u437_div" class=""></div>
        <div id="u437_text" class="text ">
          <p><span>Philips Hue</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u438" class="ax_default icon">
        <img id="u438_img" class="img " src="images/智能闹钟app/u95.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u439" class="ax_default label">
        <div id="u439_div" class=""></div>
        <div id="u439_text" class="text ">
          <p><span>灯光开关</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u440" class="ax_default line">
        <img id="u440_img" class="img " src="images/hues__/u436.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u441" class="ax_default line">
        <img id="u441_img" class="img " src="images/hues__/u436.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u442" class="ax_default line">
        <img id="u442_img" class="img " src="images/hues__/u436.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u443" class="ax_default icon">
        <img id="u443_img" class="img " src="images/智能闹钟app/u95.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u444" class="ax_default label">
        <div id="u444_div" class=""></div>
        <div id="u444_text" class="text ">
          <p><span>(配对名称)</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u445" class="ax_default label">
        <div id="u445_div" class=""></div>
        <div id="u445_text" class="text ">
          <p><span>灯光开启方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u446" class="ax_default label">
        <div id="u446_div" class=""></div>
        <div id="u446_text" class="text ">
          <p><span>逐渐变亮</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u447" class="ax_default label">
        <div id="u447_div" class=""></div>
        <div id="u447_text" class="text ">
          <p><span>响铃后关闭延时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u448" class="ax_default label">
        <div id="u448_div" class=""></div>
        <div id="u448_text" class="text ">
          <p><span>从不关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u449" class="ax_default label">
        <div id="u449_div" class=""></div>
        <div id="u449_text" class="text ">
          <p><span>智能灯泡连接开关：默认关闭状态，下方内容隐藏，点击开关按钮打开</span></p><p><span>自行开始配对，配对成功后会出现设备的名称显示在按钮前面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u450" class="ax_default _连接线">
        <img id="u450_seg0" class="img " src="images/hues__/u450_seg0.png" alt="u450_seg0"/>
        <img id="u450_seg1" class="img " src="images/hues__/u450_seg1.png" alt="u450_seg1"/>
        <img id="u450_seg2" class="img " src="images/闹钟/u162_seg3.png" alt="u450_seg2"/>
        <div id="u450_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u451" class="ax_default label">
        <div id="u451_div" class=""></div>
        <div id="u451_text" class="text ">
          <p><span>当灯泡连接开关关闭状态时，则隐藏下方内容板块；</span></p><p><span>打开时，则重新显示</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u452" class="ax_default _连接线">
        <img id="u452_seg0" class="img " src="images/hues__/u452_seg0.png" alt="u452_seg0"/>
        <div id="u452_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default label">
        <div id="u453_div" class=""></div>
        <div id="u453_text" class="text ">
          <p><span>智能灯泡手动开关按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u454" class="ax_default _连接线">
        <img id="u454_seg0" class="img " src="images/闹钟详情页/u253_seg0.png" alt="u454_seg0"/>
        <img id="u454_seg1" class="img " src="images/hues__/u454_seg1.png" alt="u454_seg1"/>
        <img id="u454_seg2" class="img " src="images/hues__/u454_seg2.png" alt="u454_seg2"/>
        <img id="u454_seg3" class="img " src="images/hues__/u454_seg3.png" alt="u454_seg3"/>
        <img id="u454_seg4" class="img " src="images/hues__/u454_seg4.png" alt="u454_seg4"/>
        <div id="u454_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u455" class="ax_default label">
        <div id="u455_div" class=""></div>
        <div id="u455_text" class="text ">
          <p><span>点击会出现两种模式选择：逐渐变量和直接最亮</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u456" class="ax_default _连接线">
        <img id="u456_seg0" class="img " src="images/hues__/u456_seg0.png" alt="u456_seg0"/>
        <div id="u456_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u457" class="ax_default label">
        <div id="u457_div" class=""></div>
        <div id="u457_text" class="text ">
          <p><span>点击会出现三种模式选择：从不关闭、响铃结束关闭</span></p><p><span>和响铃结束后几分钟后(自定义)关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u458" class="ax_default _连接线">
        <img id="u458_seg0" class="img " src="images/闹钟详情页/u253_seg0.png" alt="u458_seg0"/>
        <img id="u458_seg1" class="img " src="images/闹钟详情页/u253_seg1.png" alt="u458_seg1"/>
        <img id="u458_seg2" class="img " src="images/hues__/u458_seg2.png" alt="u458_seg2"/>
        <div id="u458_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u459" class="ax_default label">
        <div id="u459_div" class=""></div>
        <div id="u459_text" class="text ">
          <p><span>Hues灯泡：</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u460" class="ax_default image">
        <img id="u460_img" class="img " src="images/闹钟/u173.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u461" class="ax_default" data-left="887" data-top="55" data-width="69" data-height="251">

        <!-- Unnamed (组 合) -->
        <div id="u462" class="ax_default" data-left="887" data-top="55" data-width="49" data-height="251">

          <!-- Unnamed (垂直线) -->
          <div id="u463" class="ax_default _垂直线">
            <img id="u463_img" class="img " src="images/hues__/u463.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u464" class="ax_default _水平线">
            <img id="u464_img" class="img " src="images/闹钟详情页/u259.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u465" class="ax_default _水平线">
            <img id="u465_img" class="img " src="images/闹钟详情页/u259.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u466" class="ax_default _水平线">
            <img id="u466_img" class="img " src="images/闹钟详情页/u261.png"/>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u467" class="ax_default" data-left="937" data-top="225" data-width="19" data-height="29">

          <!-- Unnamed (垂直线) -->
          <div id="u468" class="ax_default _垂直线">
            <img id="u468_img" class="img " src="images/闹钟详情页/u263.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u469" class="ax_default _水平线">
            <img id="u469_img" class="img " src="images/闹钟详情页/u264.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u470" class="ax_default _水平线">
            <img id="u470_img" class="img " src="images/闹钟详情页/u264.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u471" class="ax_default label">
        <div id="u471_div" class=""></div>
        <div id="u471_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
